import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);
let store = new Vuex.Store({
    // 1. state
    state: {
        h_data: JSON.parse(localStorage.getItem('h_data')),
        clickIndex: JSON.parse(localStorage.getItem('clickIndex'))
    },
    getters: {
        // 参数列表state指的是state数据
    },
    // 3. actions
    // 通常跟api接口打交道
    actions: {
        // 设置城市信息
        // 参数列表：{commit, state}
        // state指的是state数据
        // commit调用mutations的方法 
        // name就是调用此方法时要传的参数
    },
    // 4. mutations
    mutations: {
        // state指的是state的数据
        // name传递过来的数据
        SETDATA(state, data) {
            state.h_data = data
            localStorage.setItem('h_data', JSON.stringify(data))
        },
        SETINDEX(state, data) {
            localStorage.setItem('clickIndex', JSON.stringify(data))
            state.clickIndex = data
        }
    }
});

export default store;